<div class="container-fluid">
                         	
                         	
    <div class="mainpage">
<h1 class="h3" style="color: darkgray;">主页</h1>

</div>

<div class="row">
<div class="col">
   <div class="card">
       <div class="card-body">
           <div class="row no-gutters align-items-center">
               <div class="col1 mr-2">
                   <div class="sales">
                                                                                                今日销售总额
                   </div>
                   <div class="mount">$40,000</div>
               </div>
               <img src="/static/img/wallet.svg">
           </div>
       </div>
   </div>
</div>

<div class="col">
   <div class="card success">
       <div class="card-body">
           <div class="row no-gutters align-items-center">
               <div class="col1 mr-2">
                   <div class="sales">
                                                                                                  全部收益</div>
                   <div class="mount">$215,000</div>
               </div>
               <img src="/static/img/shopping cart.svg">
           </div>
       </div>
   </div>
</div>

<div class="col">
   <div class="card view">
       <div class="card-body">
           <div class="row no-gutters align-items-center">
               <div class="col1 mr-2">
                   <div class="sales">今日评论数
                   </div>
                   <div class="mount">
                       <div class="col-auto">
                           <div class="h5 mb-0 mr-3 font-weight-bold text-gray-800">2274</div>
                       </div>
                       
                   </div>
               </div>
               <img src="/static/img/comment.svg">
           </div>
       </div>
   </div>
</div>

<div class="col">
   <div class="card look">
       <div class="card-body">
           <div class="row no-gutters align-items-center">
               <div class="col1 mr-2">
                   <div class="sales">
                                                                                                 今日访问量</div>
                   <div class="mount">1230</div>
               </div>
               <img src="/static/img/visibility.svg">
           </div>
       </div>
   </div>
</div>
</div>
<!-- 中间内容--!>





<div class="row">
<div class="col3">
   <div class="intermediate-card">
       <div
           class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
           <h6 class="m-0 font-weight-bold text-primary">会员统计</h6>
           <div class="dropdown no-arrow">
                   <i>单位(个)</i>

           </div>
       </div>
       <div class="row">
           <div class="card-body">
           
               <div class="mount">0</div>
               <div class="sales">
                                                                                                 今日访问量</div>
           
       </div>
       
       <div class="card-body">
           
               <div class="mount">112</div>
               <div class="sales">
                                                                                                 昨日新增</div>
       </div>
       <div class="card-body">
           
               <div class="mount">0</div>
               <div class="sales">
                                                                                                 今日访问量</div>
           
       </div>
       <div class="card-body">
           
               <div class="mount">112</div>
               <div class="sales">
                                                                                                 昨日新增</div>
       </div>
       
       </div>
       
       
</div>




</div>

<div class="col3">
   <div class="intermediate-card">
       <div
           class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
           <h6 class="m-0 font-weight-bold text-primary">商品统计</h6>
           <div class="dropdown no-arrow">
               
                   <i>单位(件)</i>
               
               
               
           </div>
       </div>
       <div class="row">
           <div class="card-body">
           
               <div class="mount">4321</div>
               <div class="sales">
                                                                                                 商品总量</div>
           
       </div>
       <div class="card-body">
           
               <div class="mount">112</div>
               <div class="sales">
                                                                                                 自营商品</div>
       </div>
       <div class="card-body">
           
               <div class="mount">0</div>
               <div class="sales">
                                                                                                 商家商品</div>
           
       </div>
       <div class="card-body">
           
               <div class="mount">112</div>
               <div class="sales">
                                                                                                 商品类目</div>
       </div>
       
       </div>
       
       
</div>



    </div>
    

</div>



<div class="row">
<div class="col3-2">
   <div class="intermediate-card">
       <div
           class="card-header py-3 d-flex flex-row">
           <h6>订单情况</h6>
           
       </div>
       <div>
           <div class="card-body">
           
               <div class="mount">0</div>
               <div class="sales">
                                                                                                 待支付订单</div>
           
       </div>
       
       <div class="card-body">
           
               <div class="mount">10</div>
               <div class="sales">
                                                                                                 代发货订单</div>
       </div>
       <div class="card-body">
           
               <div class="mount">13</div>
               <div class="sales">
                                                                                                 待收货订单</div>
           
       </div>
       <div class="card-body">
           
               <div class="mount">43</div>
               <div class="sales">
                                                                                                 已提交订单数</div>
       </div>
       
       </div>
       
       
</div>




</div>

<div class="col3-2">
   <div class="intermediate-card">
       <div
           class="card-header py-3 d-flex flex-row">
           <h6>商品情况</h6>
          
       </div>
       <div>
           <div class="card-body">
           
               <div class="mount">21</div>
               <div class="sales">
                                                                                                 待审核商店</div>
           
       </div>
       <div class="card-body">
           
               <div class="mount">12</div>
               <div class="sales">
                                                                                                 库存替代商品</div>
       </div>
       <div class="card-body">
           
               <div class="mount">2000</div>
               <div class="sales">
                                                                                                 商家商品</div>
           
       </div>
       <div class="card-body">
           
               <div class="mount">30</div>
               <div class="sales">
                                                                                                 下架商品</div>
       </div>
       
       </div>
       
       
</div>



    </div>
    <div class="col3-2 other">
   <div class="intermediate-card">
       <div
           class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
           <h6>商加情况</h6>
           
       </div>
       <div>
           <div class="card-body">
           
               <div class="mount">32</div>
               <div class="sales">
                                                                                                 开店申请</div>
           
       </div>
       <div class="card-body">
           
               <div class="mount">15</div>
               <div class="sales">
                                                                                                 文章审核</div>
       </div>
       <div class="card-body">
           
               <div class="mount">40</div>
               <div class="sales">
                                                                                                 类目审核</div>
           
       </div>
       <div class="card-body">
           
               <div class="mount">12</div>
               <div class="sales">
                                                                                                 众筹审核</div>
       </div>
       
       </div>
       
       
</div>



    </div>
<div class="col3-2">
   <div class="intermediate-card">
       <div
           class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
           <h6>最新消息</h6>
           
       </div>
       <div>
           <div class="card-body">
           
               <i class="fas fa-bell fa-fw" style="color: blue;"></i>
               <div class="sales">
                                                                                                 大孝子热干面上架</div>
           
       </div>
       <div class="card-body">
           
               <i class="fas fa-bell fa-fw" style="color: blue;"></i>
               <div class="sales">
                                                                                                 小子泡面</div>
       </div>
       <div class="card-body">
           
               <i class="fas fa-bell fa-fw" style="color: blue;"></i>
               <div class="sales">
                                                                                                公益活动积分变更</div>
           
       </div>
       <div class="card-body">
           
               <i class="fas fa-bell fa-fw" style="color: blue;"></i>
               <div class="sales">
                                                                                                 牛肉干</div>
       </div>
       
       </div>
       
       
</div>



    </div>
</div>




<div class="row">

<!-- 图片区域 -->
<div class="col3">
   <div class="intermediate-card">
       
       <div
           class="card-header d-flex">
           <h6 class="m-0 font-weight-bold text-primary">订单统计</h6>
           <div class="dropdown no-arrow">
               
                   <i style="color: greenyellow;">七天</i>
                   <i >一月</i>
                   <i >一年</i>
               
               
           </div>
       </div>
       <!-- Card Body -->
       <div class="card-body ni">
           <div class="chart-area">
               <img class="chart-area" src="/static/img/chart.png"/>
               <img class="two" src="/static/img/chart1.png"/>
               </img>
           </div>
           
       </div>
   </div>
</div>
<div class="col3">
   <div class="intermediate-card">
       <!-- Card Header - Dropdown -->
       <div
           class="card-header d-flex">
           <h6>销售统计</h6>
           <div class="dropdown no-arrow">
               
                   <i style="color: greenyellow;">七天</i>
                   <i >一月</i>
                   <i >一年</i>
               
               
           </div>
       </div>
       <!-- Card Body -->
       <div class="card-body ni">
           <div class="chart-area">
               <img class="chart-area" src="/static/img/chart.png"/>
               <img class="two" src="/static/img/chart1.png"/>
               </img>
           </div>
           
       </div>
   </div>
   
   
</div>
<div class="row">




</div>

<div class="col4">
   <div class="intermediate-card">
       
       <div
           class="card-header d-flex">
           <h6 class="m-0 font-weight-bold text-primary">系统信息</h6>
           
       </div>
       <!-- Card Body -->
       <div class="my">
           <table class="linear" cellspacing="0px">
               <tr>
                   <td>服务器操作系统</td>
                   <td>Liux(172.0.0.1)</td>
                   <td>程序版本</td>
                   <td>v2.0.0</td>
               
               </tr>
               <tr>
                   <td>PHP版本</td>
                   <td>7.2.28</td>
                   <td>MYSQL版本</td>
                   <td>5.6.16-log</td>
                   
               </tr>
               <tr>
                   <td>安全模式</td>
                   <td>否</td>
                   <td>失去设置</td>
                   <td>否</td>
               
               </tr>
               <tr>
                   <td>Socket版本</td>
                   <td>是</td>
                   <td>zlib支持</td>
                   <td>asia/being</td>
                   
               </tr>
               <tr>
                   <td>GO版本</td>
                   <td>GD2(JPEG gif)</td>
                   <td>文件上传限制</td>
                   <td>50m</td>
               
               </tr>
               <tr>
                   <td>IP库版本</td>
                   <td>2019070314</td>
                   <td>更新日期</td>
                   <td>2020-11-02</td>
                   
               </tr>
               
           </table>
           
       </div>
   </div>
</div>